.navli {
    padding: .4rem /* 20/50 */ .4rem /* 20/50 */;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ccc;
    position: relative;
    background: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ebebeb));
    ul {
        overflow: hidden;
        
        li {
            float: left;
            margin-right: .2rem /* 10/50 */;
            a {
                font-size: .5rem /* 25/50 */;
                color: #000000;
            }
        }
    }
}

.hot {
    background-color: #fff;
    padding: .4rem /* 20/50 */ .2rem /* 10/50 */;
    .hot-box {
        padding: .4rem /* 20/50 */;
        background-color: rgb(238, 238, 238);
        border: 1px solid rgb(204, 204, 204);
        p {
            font-size: .6rem /* 30/50 */;
            color: rgb(135, 70, 4);
        }
    }
}

.main-nav {
    border: 1px solid #ccc;
    border-radius: .2rem /* 10/50 */;
    .main-navbox {
        li {
            border-bottom: 1px solid #ccc;
            padding: .4rem /* 20/50 */ .4rem /* 20/50 */ .4rem /* 20/50 */ .6rem /* 30/50 */;
            p {
                font-size: .6rem /* 30/50 */;
                font-weight: 700;
                color: #000000;
            }
            i {
                font-size: .6rem /* 30/50 */;
                margin-top: .2rem /* 10/50 */;
            }
        }
    }


}


.good {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    .good-box {
        padding: .4rem /* 20/50 */;
        p {
            font-size: .6rem /* 30/50 */;
            color: rgb(135, 70, 4);
        }
    }
}

.pro-nav {
    background-color: #fff;
    .pro-navbox {
        li {
            padding: .4rem /* 20/50 */;
            overflow: hidden;
            border-bottom: 1px solid #ccc;
            a {
                
               .top {
                   margin-right: .4rem /* 20/50 */;
                   padding: .1rem /* 5/50 */;                               
                   background-color: red;
                   color: #fff;
                   font-weight: 700;
                   font-size: .5rem /* 25/50 */;
               }
               .p-one {
                   font-size: .6rem /* 30/50 */;
                   color: #000000;
                   margin-top: -.1rem /* 5/50 */;
               }
               .p-two {
                   font-size: .5rem /* 25/50 */;
                   color: #999;
                   margin-top: .2rem /* 10/50 */;
               }
            }
        }
    }
}